<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="../WEB-INF/plantilla/layout.xhtml">
    <ui:define name="contenido">
	    <h:form id="frm">
			  <p:panel header="ANÁLISIS DE PACIENTES" id="pnlAlg" style="width:80%;margin:0 20px 0 70px">
				 <h:panelGrid columns="2">
		    		<p:pieChart id="paciente" value="#{chartEst.pmPacientes}" legendPosition="n"  
		                fill="true" showDataLabels="true" sliceMargin="5" diameter="230"
		                title="Distribución de Pacientes" style="width:350px;height:380px; font-weight: bold; font-size:1.3em" />  
		             <p:pieChart id="pacienteHospital" value="#{chartEst.pmPacientesPorHospital}" legendPosition="n"  
		                fill="true" showDataLabels="true" sliceMargin="5" diameter="210"
		                title="Pacientes Por Hospital" style="width:350px;height:380px; font-weight: bold; font-size:1.3em" /> 
	            </h:panelGrid>
	            <h:panelGrid columns="2">   
		              <p:barChart id="barChart" value="#{chartEst.pmPacientesPorEdades}" legendPosition="n"   showDataLabels="true" 
					            title="Edades de Pacientes" style="width:350px;height:250px; font-weight: bold; font-size:1.3em">  
					   </p:barChart>
					   <p:pieChart id="pacienteSexo" value="#{chartEst.pmPacientesPorSexo}" legendPosition="n"  
		                	fill="true" showDataLabels="true" sliceMargin="5" diameter="210"
		                	title="Pacientes Por Sexo" style="width:350px;height:380px; font-weight: bold; font-size:1.3em" /> 
	            </h:panelGrid>
				<h:panelGrid columns="2">   
	               <p:pieChart id="pacienteConSMEntrenamiento" value="#{chartEst.pmPacientesConSMEntrenamiento}" legendPosition="n"  
	                	fill="true" showDataLabels="true" sliceMargin="5" diameter="210"
	                	title="Pacientes Con SM - Entrenamiento" style="width:350px;height:380px; font-weight: bold; font-size:1.3em" /> 
	            
	               <p:pieChart id="pacienteConSMPrueba" value="#{chartEst.pmPacientesConSMPrueba}" legendPosition="n"  
	                	fill="true" showDataLabels="true" sliceMargin="5" diameter="210"
	                	title="Pacientes Con SM - Pruebas" style="width:350px;height:380px; font-weight: bold; font-size:1.3em" /> 
	            
				</h:panelGrid>
		
		   	</p:panel>
	    </h:form>
    	
   </ui:define>
</ui:composition>
	
</html>
